<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="jiayou.css">

</head>

<body>
    <div class="Rectangle_13">
        <div class="Rectangle_1" style=" background-color: rgb(99, 211, 247, 0.05);">

            <ul class="choice">
                <li><a href="#">今日</a></li>
                <li><a href="#">讯息</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">校园</a></li>
                <li><a href="#">我的</a></li>
            </ul>

        </div>
        <div class="logo" style=" background-image:url(logo1.png);background-repeat: no-repeat;">
        </div>
        <div class="welcome">
            欢迎回来
        </div>
        <span class="iconfont" style="position: absolute;
        top: 280px; right: 48px;  "><a href="#">&#xe6dd;</a></span>
        <span class="iconfont" style="position: absolute;
        top: 280px;right: 96px;"><a href="#">&#xe650;</a></span>
        <div class="head"></div>
        <div class="email-tittle">邮箱动态-收件箱</div>
        <div class="email-box">
            <div class="email-background">
                <div class="email-head" style="background-image: url(47.png);"></div>
                <span class="email-content">邮件缩略信息...</span>
                <span class="email-date">2024.2.20</span>
                <span class="delete"> <a href="#" class="text">删除</a></span>
                <span class="reply"><a href="#" class="text">回复</a></span>
            </div>

            <div class="email-background">
                <div class="email-head" style="background-image: url(217.png);"></div>
                <span class="email-content">邮件缩略信息...</span>
                <span class="email-date">2024.2.20</span>
                <span class="delete"> <a href="#" class="text">删除</a></span>
                <span class="reply"><a href="#" class="text">回复</a></span>
            </div>
            <div class="email-background">
                <div class="email-head" style="background-image: url(204.png);"></div>
                <span class="email-content">邮件缩略信息...</span>
                <span class="email-date">2024.2.20</span>
                <span class="delete"> <a href="#" class="text">删除</a></span>
                <span class="reply"><a href="#" class="text">回复</a></span>
            </div>
        </div>
        <div class="box">
            <a href="#" class="unread " style="position: absolute; top: 320px;left: 52px;">
                <div class="oval"></div>
                <span class="content">未读</span>
            </a>
        </div>
        <div class="box">
            <a href="#" class="read " style="position:absolute; top: 370px; left: 52px;">
                <div class="oval"></div>
                <span class="content">已读</span>
            </a>
        </div>
        <div class="Vector">
        </div>
        <span class="Background">
            <a href="#">去写信</a>
        </span>
    </div>
</body>

</html>